<div id="tmzk_test">
  <!-- 选人组件 -->
  <div>
    <select-person v-model="person" :process="process" @change="changePerson"></select-person>
  </div>
  <!-- 选项目组件 -->
  <div>
    <select-project v-model="project" />
  </div>
  <!-- onlyOffice -->
  <div>
    <el-button type="text" @click="onlyoffice">编辑</el-button>
  </div>
  <!-- 高级查询 -->
  <div>
    <advanced-select ref="advanced" :value="componentList" @save="search" />
  </div>
  <div>
    <el-button type="primary" @click="clear">清空</el-button>
  </div>
  <!-- 选角色 -->
  <div>
    <select-role v-model="roleCode"></select-role>
  </div>
  <!-- 上传文件 -->
  <div>
    <upload @change="changeFile">
      上传文件
    </upload>
    <el-button type="primary" @click="upload">上传文件</el-button>
  </div>
  <!-- 折叠组件 -->
  <vue-collapse :title="title">
    <template #content>
      内容
    </template>
  </vue-collapse>
  <!-- 单选选择部门 -->
  <div>
    <select-department v-model="org" @change="changeOrg"></select-department>
  </div>
  <div>
    <el-button type="primary" @click="search">查询</el-button>
    <vxe-grid ref="vxegrid" :columns="columns" v-bind="gridOptions" />
  </div>
  <!-- 校验 -->
  <div>
    <el-button type="primary" @click="addRow">新增</el-button>
    <el-button type="primary" @click="validate">校验</el-button>
    <vxe-grid :data="editData" :columns="eidtColumns"></vxe-grid>
  </div>
</div>
<style>
  #tmzk_test {
    padding: 0 100px;
    height: 100%;
    overflow: auto;
  }
</style>
<script>
  require([ELMP.resource('index.js', 'tmzk_test')], function (module) {
    module.init();
  });
</script>

<!-- <div id="container">
</div>
<script>
  require(['component!App,tmzk_test','vue'], function (App,Vue) {
    const app = new Vue({
      render: h => h(App)
    }).$mount('#container')
  });
</script> -->